<template>
    <div style="flex:90;display: flex;">

        <!--现阶段-->
        <div style="width: 360px;">
            <p class="label">现阶段</p>
            <el-select
                v-model="value_a"
                placeholder="Select"
                size="large"
                class="select">
                <el-option
                    v-for="item in options_a"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                />
            </el-select> 
        </div>

        <!--中间行为-->
        <div style="width: 360px;">
            <p class="label">中间行为</p>
            <el-select
                v-model="value_b"
                placeholder="Select"
                size="large"
                class="select">
                <el-option
                    v-for="item in options_b"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                />
            </el-select>  
        </div>

        <!--预期阶段-->
        <div style="width: 360px;">
            <p class="label">预期阶段</p>
            <el-select
                v-model="value_c"
                placeholder="Select"
                size="large"
                class="select">
                <el-option
                    v-for="item in options_c"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                />
            </el-select>  
        </div>

    </div>
</template>

<script>

export default {
    data() {
        return {
       
            value_a: '现阶段',
            options_a : [
                { value: '建仓-成功A'},
                { value: '试盘-成功B'},
                { value: '拉升-成功C'},
                { value: '主升浪-成功D'},
            ],

            value_b: '中间行为',
            options_b : [
                { value: '震仓'},
                { value: '砸盘'},
                { value: '拉升'},
            ],

            value_c: '预期阶段',
            options_c : [
                { value: '建仓-冲A'},
                { value: '试盘-冲B'},
                { value: '拉升-冲C'},
                { value: '主升浪-冲D'},
                { value: '建仓-震A'},
                { value: '试盘-震B'},
                { value: '拉升-震C'},
                { value: '主升浪-震D'},
                { value: '建仓-退A'},
                { value: '试盘-退B'},
                { value: '拉升-退C'},
                { value: '主升浪-退D'},
            ],
        }
    },
    methods: {
        handleChange_yt(value) {
            console.log(value);
            this.options_main_step_small = this.options_main_step_small_all[value];
        },
        handleChange_yt_t(value) {
            console.log(value);
            this.options_main_step_small_t = this.options_main_step_small_all[value];
        }
    },
   
}
</script>

<style scoped>
.select{
    margin-top: 20px;
    margin-left:10%;
    margin-right: 10%;
    width:80%;
  }
  .label{
    margin-top: 20px;
    margin-left:10%;
    font-size: 18px;
    font-weight: bold;
  }
  .inputArea {
    margin-top: 20px;
    margin-left:10%;
    width:80%;
  }
</style>
